<template>
    <view class="bg-[#f8f8f8] min-h-screen flex flex-col">
        <view class="mx-[20rpx]"> <u-search disabled bgColor="#fff" :showAction="false" placeholder="搜索班级" v-model="course"></u-search>
        </view>
        <view class="flex mt-[20rpx] flex-1">
            <view class="w-[171rpx] text-center h-full text-[34rpx]">
                <view class="py-[20rpx] bg-white">思政课</view>
                <view class="py-[20rpx]">美食</view>
                <view class="py-[20rpx]">科学</view>
                <view class="py-[20rpx]">自然</view>
                <view class="py-[20rpx]">艺术</view>
               

            </view>
            <view class="bg-white flex-1">
                <view @click="navigateTo('/pages/skyclassDatails/skyclassDatails')" class="flex mt-[20rpx]">
                    <image class="w-[171rpx] h-[143rpx] mx-[20rpx]" src="https://www.aqvtc.edu.cn/_upload/article/images/75/c2/589547794559a79e48ba9ab6fdfa/469aac11-9132-4451-a77a-019a3324ba9c_d.jpg"></image>
                    <view class="flex-1">
                        <view>标题标题标题标题</view>
                        <view><text class="text-[#FD755D]">236</text>人在学</view>
                    </view>
                </view>
               
            </view>
        </view>
    </view>
</template>
<script setup>
import { ref } from 'vue'
const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
const course = ref('')
</script>